/* ========================================================================
   Component: uigrid.less
 ========================================================================== */

.table-uigrid {
    font-size: 13px;
    color: #2c3e50;
    
    &.auto-height {
        height: 100% !important;;
        
        .ui-grid-viewport {
           height: auto !important;
        }
    }
    
    &.ui-grid {
        border-top-width: 3px;
        
        &,
        .ui-grid-header,
        .ui-grid-footer-panel,
        .ui-grid-cell,
        input[type="text"].ui-grid-filter-input{
            border-color: @gray;
        }

        .ui-grid-filter-input {
            padding: 2px 4px;
        }

        .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{
            background-color: @gray;
        }

        .ui-grid-footer-panel{
            min-height: 30px;
        }

        .ui-grid-cell,
        .ui-grid-row{
            min-height: 30px;
        }

        .ui-grid-cell-contents{
            padding: 5px 5px;
        }

        .ui-grid-column-menu-button{
            top: 5px;
        }
        .ui-grid-viewport {
            overflow-x: auto !important;
        }

        // pagination
        
        .ui-grid-pager-panel {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .ui-grid-pager-control button {
            background-color: #fff;
            border: 1px solid @gray-lighter;
        }
        .ui-grid-pager-control input,
        .ui-grid-pager-row-count-picker select {
            color: @input-color;
            background-color: @input-bg;
            background-image: none;
            border: 1px solid @input-border;
            border-radius: @input-border-radius;
            padding: 2px;
        }
        
        .align-right div {
            text-align: right
        }
        
        .align-center div {
            text-align: center
        }
        
        .align-left div {
            text-align: left;
            overflow: auto;
            text-overflow: ellipsis;
            white-space: nowrap;
            white-space: normal;
        }
        
        .emphasis div {
            font-weight:600
        }
    }
}

#uigrid-demo {
  width: 100%;
  min-height: 380px;
}

//grid menu
.ui-grid-menu-button {
  height: 30px !important;
}

.ui-grid-menu-button .ui-grid-icon-container {
    margin-top: 5px !important;
}

[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
    width: 7px !important;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow: auto !important;
}

.ui-grid-disable-selection {
  -webkit-touch-callout: text !important;
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  cursor: default !important;
}